
export const light = {
  token: {
    colorPrimary: '#1677ff',
    colorInfo: '#1677ff',
    colorBgBase: '#ffffff',
    colorTextBase: '#000000'
  },
  components: {
    Typography: {
      colorTextHeading: '#ffffff',
      colorText: '#ffffff'
    },
    Tabs: {
      paddingSM: 4,
      margin: 8
    }
  }
}

export const dark = {
  token: {
    colorPrimary: '#0bb197',
    colorInfo: '#0bb197',
    colorBgBase: '#1d222e',
    colorTextBase: '#ffffff'
  },
  components: {
    Button: {
      primaryShadow: 'unset',
      defaultShadow: 'unset',
      dangerShadow: 'unset'
    },
    Typography: {
      colorTextHeading: '#ffffff',
      colorText: '#ffffff'
    },
    Tabs: {
      paddingSM: 4,
      margin: 8
    },
    Card: {
      headerPadding: 16,
      padding: 16,
      colorBorderSecondary: 'rgba(255,255,255, 0.1)',
      bodyPadding: 16,
      headerHeight: 48,
      colorBorder: '#758089'
    },
    Tooltip: {
      colorBgSpotlight: 'rgba(11,177,151,.8)'
    },
    Modal: {
      contentBg: 'rgb(37,43,59)',
      footerBg: 'rgb(37,43,59)',
      headerBg: 'rgb(37,43,59)',
      colorText: 'rgb(255,255,255)',
      titleColor: 'rgb(255,255,255)',
      colorIcon: 'rgb(255,255,255)'
    }
  }
}
